﻿<!doctype html>
<html>
  <head>
    <meta charset="utf-8">

    <!-- Site Title -->
    <title>扫码付-央联支付旗下产品</title>

    <!-- SEO Meta Tags -->
    
    <meta name="keywords" content="扫码付,无卡支付,手机pos机,手机pos机代理,移动pos机,pos机代理加盟,pos机代理" />
	<meta name="description" content="扫码付-央联支付旗下产品,专业提供综合性互联网金融解决方案服务公司，手机pos机代理,移动pos机,pos机代理加盟。致力于为企业提供跨境电商、互联网金融、收款等综合服务。" />
    <meta name="author" content="Smfpay" />

    <!-- Mobile Specific Meta Tag -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <!-- Favicon Icon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <!-- Theme Stylesheet -->
    <link href="css/style.css" rel="stylesheet" media="screen">
    <link href="css/vendor/font-awesome.min.css" rel="stylesheet" media="screen">
	<!--[if IE 7]>
<link rel="stylesheet" href="css/vendor/font-awesome-ie7.min.css">
<![endif]-->

    <link href="css/style.css" rel="stylesheet" media="screen">

    <!-- Preloader (Pace.js) -->
    <script src="js/plugins/pace.min.js"></script>

    <!-- Modernizr -->
		<script src="js/libs/modernizr.custom.js"></script>
    <script src="js/libs/detectizr.min.js"></script>
    
  </head>
  
  <!-- Body -->
  <!-- Remove '.fixed-footer' from body to disable fixed footer reveal on scroll -->
  <body class="fixed-footer">

    <!-- Preloader -->
    <div id="preloader">
      <div class="logo">
        <img src="img/logo-middle.png" alt="Smf pay">
        <span>Smf pay</span>
      </div>
    </div>

    <!-- Fake scrollbar (when open popups/modals) -->
    <div class="fake-scrollbar"></div>

    <!-- Off-canvas Navigation -->
    <div class="offcanvas-nav">
      <!-- Head (Fixed Part) -->
      <div class="nav-head">
        <div class="top-bar">
          <div class="nav-toggle" data-offcanvas="close"><i class="flaticon-list26"></i></div>
          <form class="search-box">
            <span class="search-toggle search-icon"></span>
            <input type="text" id="search-field">
            <button type="submit" class="search-btn"><i class="search-icon"></i></button>
          </form>
          <div class="social-buttons">
		  <!--
            <a href="#" class="sb-twitter"><i class="bi-twitter"></i></a>
            <a href="#" class="sb-google-plus"><i class="bi-gplus"></i></a>
            <a href="#" class="sb-facebook"><i class="bi-facebook"></i></a> -->
          </div>
        </div>
        <a href="#" class="offcanvas-logo scrollup">
          <div class="icon"><img src="img/logo-big.png" alt="扫码付"></div>
          <div class="title">
            扫码付
            <span>安全, 快捷, 更低费率</span>
          </div>
        </a>
        <a href="/down/" class="btn btn-ghost btn-light icon-left"><i class="icon-cloud-download"></i> Download</a>
        <a href="javascript:alert('请联系推荐人,获得推荐码!');" class="nav-link">注册</a>
        <a href="#" data-toggle="modal" data-target="#signin-page" data-modal-form="sign-in" class="nav-link">代理</a>
        <!-- <a href="#" data-toggle="modal" data-target="#signin-page" data-modal-form="sign-up" class="text-smaller text-warning">Sign Up</a> -->
      </div>
      <!-- Body (Scroll Part) -->
      <div class="nav-body">
        <div class="overflow">
          <div class="inner">
            <!-- Navigation -->
            <nav class="nav-link">
              <div class="scroll-nav">
                <ul>
                  <!-- Add ".scroll" class to anchor tag to enable smooth scrolling -->
                  <li class="active"><a class="scrollup" href="#">Home</a></li>
                  <li><a class="scroll" href="#features" data-offset-top="80">强大的扫码付</a></li>
                  <!--<li><a class="scroll" href="#gallery" data-offset-top="80">Gallery</a></li>
                  <li><a class="scroll" href="#video" data-offset-top="85">Video</a></li>
                  <li><a class="scroll" href="#posts" data-offset-top="80">Posts</a></li>
                  -->
				  <li><a class="scroll" href="#app-story" data-offset-top="80">扫码付介绍</a></li>
                </ul>
                <ul>
                  <li><a class="scroll" href="#versions" data-offset-top="85">版本下载</a></li>
                 <!-- <li><a class="scroll" href="#figures" data-offset-top="80">Figures</a></li> -->
                  <li><a class="scroll" href="#reviews" data-offset-top="90">代理反馈</a></li>
                  <li><a class="scroll" href="#team" data-offset-top="80">团队</a></li>
                  <li><a class="scroll" href="#pricing" data-offset-top="80">升级</a></li>
                  <li><a class="scroll" href="#web-app" data-offset-top="80">Web App</a></li>
                </ul>
              </div>
              <ul class="pages">
                <li><a class="scroll" href="#web-app" data-offset-top="80">About Us</a></li>
                <!--<li><a href="blog.html">Blog</a></li>
                <li><a href="blog-single.html">Single Post</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="press.html">Press</a></li>
                <li><a href="legal.html">Legal</a></li>
                <li><a href="components.html">Components</a></li>-->
              </ul>
            </nav>
            <!-- Twitter/Blog Tabs -->
            <div class="offcanvas-tabs">
              <ul class="nav-tabs clearfix">
			   <li><a href="#blog" data-toggle="tab"> </a></li>
                <li class="active"><a href="#twitter" data-toggle="tab"> </a></li>
               
              </ul>
              <div class="tab-content">
                <div class="tab-pane fade in active" id="twitter">
                  <div class="twitter-feed">
                    <div class="tweet">
                      <a href="#" class="author">@add</a>
                      <p>扫码付-央联支付旗下产品<br />

 <br />

</p>
                    </div>
                   
                    <!-- <a href="#" class="link light-color text-smaller text-uppercase">Follow us on twitter</a> -->
                  </div>
                </div>
                <div class="tab-pane fade" id="blog">
                  <div class="offcanvas-posts">
                    <a href="tel:4008796266" class="post">
					 
                      <span> </span>
                    </a>
                   
                    
                  </div>
                </div>
              </div>
            </div>
            <!-- Instagram Posts -->
            <div class="offcanvas-instagram">
              <!--<div class="instgr-row clearfix">
                <a href="#"><img src="img/offcanvas/instgr.png" alt="Thumbnail"></a>
                <a href="#"><img src="img/offcanvas/instgr.png" alt="Thumbnail"></a>
                <a href="#"><img src="img/offcanvas/instgr.png" alt="Thumbnail"></a>
              </div>
              <div class="instgr-row clearfix">
                <a href="#"><img src="img/offcanvas/instgr.png" alt="Thumbnail"></a>
                <a href="#"><img src="img/offcanvas/instgr.png" alt="Thumbnail"></a>
                <a href="#"><img src="img/offcanvas/instgr.png" alt="Thumbnail"></a>
              </div>
              <a href="#" class="link light-color text-smaller text-uppercase">Follow us on Instagram</a> -->
            </div>
          </div>
        </div>
      </div>
    </div><!-- Off-canvas Navigation End -->

    <!--Modal (Signin/Signup Page)-->
    <div class="modal fade" id="signin-page">
      <div class="modal-dialog">
        <div class="container">
          <div class="modal-form">
            <div class="tab-content">
              <!-- Sign in form -->
              <form class="tab-pane transition scale fade in active" id="signin-form" autocomplete="off">
                <h3 class="modal-title">联系我们</h3>
                <!-- <div class="form-group space-top-2x">
                  <label for="si_email" class="sr-only">Email</label>
                  <input type="email" class="form-control" name="si_email" id="si_email" placeholder="Email" readonly onfocus="$(this).removeAttr('readonly');" required>
                  <span class="error-label"></span>
                  <span class="valid-label"></span>
                </div>
                <div class="form-group">
                  <label for="si-password" class="sr-only">Password</label>
                  <input type="password" class="form-control" name="si-password" id="si-password" placeholder="Password" readonly onfocus="$(this).removeAttr('readonly');" required>
                  <a class="helper-link" href="#">Forgot password?</a>
                  <span class="error-label"></span>
                  <span class="valid-label"></span>
                </div> -->
				<div class="form-group space-top-2x">
                 扫码付-央联支付旗下产品<br />
QQ客服:1844900000<br /><br />
 
 <br /><br />
 <br /><br />
                </div>
				
               <!-- <label class="checkbox">
                  <input type="checkbox"> Remember me
                </label> -->
                 <div class="space-top-2x clearfix">
                  <button type="button" class="btn-round btn-ghost btn-danger pull-left" data-dismiss="modal"><i class="flaticon-cross37"></i></button>
                  <button type="submit" class="btn-round btn-ghost btn-success pull-right"><i class="flaticon-correct7"></i></button>
                </div>
                <!-- Switching forms (Fake nav tab) -->
               <!-- <div class="form-switch helper-text space-top-2x">若有其他问题请发邮件 <a href="#form-1">1844900000@qq.com</a></div> -->
                <div class="form-switch helper-text space-top-2x">  </div>
              </form>
              <!-- Sign up form -->
              <form class="tab-pane transition scale fade" id="signup-form">
                <h3 class="modal-title">Sign Up</h3>
                <div class="form-group space-top-2x">
                  <label for="su-email" class="sr-only">Email</label>
                  <input type="email" class="form-control" name="su-email" id="su-email" placeholder="Email" required>
                  <span class="error-label"></span>
                  <span class="valid-label"></span>
                </div>
                <div class="form-group">
                  <label for="su-password" class="sr-only">Password</label>
                  <input type="password" class="form-control" name="su-password" id="su-password" placeholder="Password" required>
                  <span class="error-label"></span>
                  <span class="valid-label"></span>
                </div>
                <div class="form-group">
                  <label for="su-password-repeat" class="sr-only">Repeat password</label>
                  <input type="password" class="form-control" name="su-password-repeat" id="su-password-repeat" placeholder="Repeat password" required>
                  <span class="error-label"></span>
                  <span class="valid-label"></span>
                </div>
                <label class="checkbox">
                  <input type="checkbox"> Subscribe for our news
                </label>
                <div class="space-top-2x clearfix">
                  <button type="button" class="btn-round btn-ghost btn-danger pull-left" data-dismiss="modal"><i class="flaticon-cross37"></i></button>
                  <button type="submit" class="btn-round btn-ghost btn-success pull-right"><i class="flaticon-correct7"></i></button>
                </div>
                <!-- Switching forms (Fake nav tab) -->
                <div class="form-switch helper-text space-top-2x">Already have an account? <a href="#form-2">Sign in</a></div>
              </form>
            </div>
            <!-- Hidden real nav tabs -->
            <ul class="nav-tabs hidden">
              <li id="form-1"><a href="#signup-form" data-toggle="tab">Sign up</a></li>
              <li id="form-2"><a href="#signin-form" data-toggle="tab">Sign in</a></li>
            </ul>
          </div>
        </div>
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->

    <!-- Intro Section -->
    <section class="intro" style="background-image: url(img/intro/intro-bg.jpg);">
      <div class="gradient"></div>
      <div class="container">
        <div class="column-wrap">

          <!-- Left Column -->
          <div class="column c-left">
            <!-- Social Buttons -->
            <div class="social-buttons">
             <!-- <a href="#" class="sb-twitter"><i class="bi-twitter"></i></a>
              <a href="#" class="sb-google-plus"><i class="bi-gplus"></i></a>
              <a href="#" class="sb-facebook"><i class="bi-facebook"></i></a>
               <a href="#" class="sb-behance"><i class="bi-behance"></i></a> -->
              <!-- <a href="#" class="sb-bitbucket"><i class="bi-bitbucket"></i></a> -->
              <!-- <a href="#" class="sb-codepen"><i class="bi-codepen"></i></a> -->
              <!-- <a href="#" class="sb-deviantart"><i class="bi-deviantart"></i></a> -->
              <!-- <a href="#" class="sb-digg"><i class="bi-digg"></i></a> -->
              <!-- <a href="#" class="sb-dribbble"><i class="bi-dribbble"></i></a> -->
              <!-- <a href="#" class="sb-dropbox"><i class="bi-dropbox"></i></a> -->
              <!-- <a href="#" class="sb-flickr"><i class="bi-flickr"></i></a> -->
              <!-- <a href="#" class="sb-foursquare"><i class="bi-foursquare"></i></a> -->
              <!-- <a href="#" class="sb-github"><i class="bi-github"></i></a> -->
              <!-- <a href="#" class="sb-instagram"><i class="bi-instagram"></i></a> -->
              <!-- <a href="#" class="sb-jsfiddle"><i class="bi-jsfiddle"></i></a> -->
              <!-- <a href="#" class="sb-lastfm"><i class="bi-lastfm"></i></a> -->
              <!-- <a href="#" class="sb-linkedin"><i class="bi-linkedin"></i></a> -->
              <!-- <a href="#" class="sb-paypal"><i class="bi-paypal"></i></a> -->
              <!-- <a href="#" class="sb-pinterest"><i class="bi-pinterest-circled"></i></a> -->
              <!-- <a href="#" class="sb-reddit"><i class="bi-reddit"></i></a> -->
              <!-- <a href="#" class="sb-skype"><i class="bi-skype"></i></a> -->
              <!-- <a href="#" class="sb-soundcloud"><i class="bi-soundcloud"></i></a> -->
              <!-- <a href="#" class="sb-stackoverflow"><i class="bi-stackoverflow"></i></a> -->
              <!-- <a href="#" class="sb-steam"><i class="bi-steam"></i></a> -->
              <!-- <a href="#" class="sb-stumbleupon"><i class="bi-stumbleupon"></i></a> -->
              <!-- <a href="#" class="sb-trello"><i class="bi-trello"></i></a> -->
              <!-- <a href="#" class="sb-tumblr"><i class="bi-tumblr"></i></a> -->
              <!-- <a href="#" class="sb-twitch"><i class="bi-twitch"></i></a> -->
              <!-- <a href="#" class="sb-vimeo"><i class="bi-vimeo-squared"></i></a> -->
              <!-- <a href="#" class="sb-vine"><i class="bi-vine"></i></a> -->
              <!-- <a href="#" class="sb-vk"><i class="bi-vkontakte"></i></a> -->
              <!-- <a href="#" class="sb-wechat"><i class="bi-wechat"></i></a> -->
              <!-- <a href="#" class="sb-wordpress"><i class="bi-wordpress"></i></a> -->
              <!-- <a href="#" class="sb-xing"><i class="bi-xing"></i></a> -->
              <!-- <a href="#" class="sb-yahoo"><i class="bi-yahoo"></i></a> -->
              <!-- <a href="#" class="sb-yelp"><i class="bi-yelp"></i></a> -->
              <!-- <a href="#" class="sb-youtube"><i class="bi-youtube"></i></a> -->
            </div>

            <!-- Scroll for More Button -->
            <a href="#features" class="scroll-more scroll" data-offset-top="80">
              <i class="icon"></i>
              <span>滚动鼠标</span>
            </a>
          </div>

          <!-- Middle Column-->
          <div class="column c-middle">
            <h1 class="logo">
              <img src="img/logo-big.png" alt="Smfpay">
              Smf pay
              <span>安全, 快捷, 更低费率</span>
            </h1>
            <div class="phone">
              <img src="img/intro/screen.png" alt="扫码付">
            </div>
          </div>

          <!-- Right Column-->
          <div class="column c-right">
            <!-- Navi -->
            <div class="navi">
              <!--<a href="#" data-toggle="modal" data-target="#signin-page" data-modal-form="sign-in">Sign in</a>-->
              <a href="javascript:alert('请联系推荐人,获得推荐码!');">注册</a>
              <div class="nav-toggle" data-offcanvas="open"><i class="flaticon-list26"></i></div>
            </div>
            <!-- Features -->
            <div class="intro-features">
              <div class="icon-block icon-block-horizontal light-color" data-transition-delay="100">
                <div class="icon"><i class="icon-credit-card"></i></div>
                <div class="text">
                  <h3>无卡支付app</h3>
                  <p>国内顶级无卡支付APP,支持银联、VISA、MASTER、JCB等国际主流卡种结算。银联支付通道及资金存管,安全保障。</p>
                </div>
              </div>
              <div class="icon-block icon-block-horizontal light-color" data-transition-delay="300">
                <div class="icon"><i class="icon-strikethrough"></i></div>
                <div class="text">
                  <h3>0.27% 全国最低费率</h3>
                  <p>0.27%震撼上市，全国最低费率，自助提现，365天资金实时到账，</p>
                </div>
              </div>
              <div class="icon-block icon-block-horizontal light-color" data-transition-delay="500">
                <div class="icon"><i class="icon-trophy"></i></div>
                <div class="text">
                  <h3>分享即赚钱！</h3>
                  <p>手机就能收款,随时随地实现交易。分享就能赚钱,无限三级裂变,无限分销代理，坐在家里也能做全国生意。</p>
                </div>
              </div>
            </div>
            <!-- Download Button -->
            <div class="download">
              <p>iPhone and Android versions</p>
              <a href="/down/" class="btn btn-default btn-app-store">
                <i class="icon-cloud-download"></i>
                <div>
                  <span>Download on the</span>
                  App Store
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section><!-- Intro Section End -->

    <!-- Content Wrap -->
    <div class="content-wrap">

      <!-- Navbar -->
      <!-- Add '.navbar-sticky' to make navbar stuck to top on document scroll -->
      <header class="navbar gray navbar-sticky">
        <div class="container">
          <!-- Logo -->
          <a href="#" class="logo scrollup">
            <img src="img/logo-small.png" alt="Appica 2">Smfpay</a>
          <!-- Social Buttons -->
          <div class="social-buttons">
            <a href="#" data-toggle="modal" data-target="#signin-page" data-modal-form="sign-in" class="sb-twitter"><i class="icon-comments"></i>寻找100位核心代理商</a> 
           
          </div>
		  
          <!-- Toolbar -->
          <div class="toolbar">
            <span>iPhone and Android versions</span>
            <a href="/down/" class="btn btn-ghost btn-primary icon-left"><i class="icon-cloud-download"></i> Download</a>
            <a href="javascript:alert('请联系推荐人,获得推荐码!');" class="action-btn">注册</a>
			<!--<a href="#" data-toggle="modal" data-target="#signin-page" data-modal-form="sign-in" class="action-btn">Sign in</a> -->
            
			<div class="nav-toggle" data-offcanvas="open"><i class="flaticon-list26"></i></div>
          </div>
        </div>
      </header><!-- Navbar End -->

      <!-- Feature Tabs -->
      <section class="fw-bg bg-align-bottom feature-tabs" style="background-image: url(img/features/bg.jpg);" id="features">
        <!-- Heading when columns stack -->
        <div class="block-heading light-color visible-when-stack">
          <h2>强大的扫码付</h2>
          <span>bigger Smf pay</span>
        </div>
        <div class="clearfix">
          <!-- Devices -->
          <div class="devices">
            <div class="tablet">
              <img src="img/features/ipad.png" alt="iPad">
              <div class="mask">
                <ul class="screens">
                  <li class="active in" id="ts01"><img src="img/features/tablet/screenx.png" alt="Screen 01"></li>
                  <li id="ts02"><img src="img/features/tablet/screen1.png" alt="Screen 02"></li>
                  <li id="ts03"><img src="img/features/tablet/screen2.png" alt="Screen 03"></li>
                  <li id="ts04"><img src="img/features/tablet/screen3.png" alt="Screen 04"></li>
                </ul>
              </div>
            </div>
          
          </div>
          <!-- Tabs -->
          <div class="tabs light-color text-center">
            <div class="block-heading hidden-when-stack">
              <h2>强大的扫码付</h2>
              <span>bigger Smf pay</span>
            </div>
            <!-- Nav Tabs -->
            <!-- Remove data-autoswitch="true" to disable automatic tabs change. -->
            <ul class="nav-tabs" data-autoswitch="true" data-interval="3000">
              <li class="active"><a href="#video-player" data-toggle="tab" data-tablet="#ts01" ><i class="icon-credit-card"></i></a></li>
              <li><a href="#settings" data-toggle="tab" data-tablet="#ts02" ><i class="icon-briefcase"></i></a></li>
              <li><a href="#file-sharing" data-toggle="tab" data-tablet="#ts03" ><i class="icon-group"></i></a></li>
              <li><a href="#chat" data-toggle="tab" data-tablet="#ts04"><i class="flaticon-layers4"></i></a></li>
            </ul>
            <!-- Tab panes -->
            <!-- Use different transitions: 'scale', 'scaleup', 'top', 'bottom', 'left', 'right' and 'flip' -->
            <div class="tab-content">
              <div class="tab-pane transition scale fade in active" id="video-player">
                <h3>刷卡</h3>
                <p>全新UI刷卡界面,安全便捷刷卡，微信、银联等多交易通道，银行级加密技术数据安全可靠。第三方资金存管，</p>
              </div>
              <div class="tab-pane transition scale fade" id="settings">
                <h3>钱包</h3>
                <p>独立钱包功能，刷卡资金一目了然，T0，T1自助提现，365天实时到账</p>
              </div>
              <div class="tab-pane transition scale fade" id="file-sharing">
                <h3>升级</h3>
                <p>三级会员系统，员工，店长，老板等多种会员级别,不同费率,灵活分润计算。免费推广升级,付费升级,后台一键完成满足不同等级需求</p>
              </div>
              <div class="tab-pane transition scale fade" id="chat">
                <h3>账单</h3>
                <p>后台强大云计算功能,交易、收款、分润独立明细。所有交易数据永久保存，方便日后查询,让用户省心更放心。</p>
              </div>
            </div>
          </div>
        </div>
      </section><!-- Feature Tabs End -->

      <!-- App Features (Icon + Text + Link) -->
      <section class="fw-bg overlay gradient-dark padding-bottom-2x" style="background-image: url(img/space.jpg);">
        <div class="container light-color">
          <!-- Badge -->
          <div class="badge badge-reverse">
          扫码付优点
            <span class="icon"><i class="flaticon-star51"></i></span>
          </div>
          <!-- Content -->
          <div class="row">
            <div class="col-lg-10 col-lg-offset-1">
              <div class="row">
                <div class="col-sm-6">
                  <!-- Icon block are very flexible. If you remove '.icon-block-horizontal' you'll get stacked version. There is als modofier classes for icon like '.icon-bigger', '.va-middle' for vertical alignment. -->
                  <div class="icon-block icon-block-horizontal">
                    <div class="text text-right">
                      <h3>无卡支付app</h3>
                    <p>银行级数据安全,支持VISA、MASTER、JCB等国际主流卡种人民币收款,人民币结算</p>
                      <a href="#" class="link">See more</a>
                    </div>
                    <div class="icon icon-bigger va-middle"><i class="icon-credit-card"></i></div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="icon-block icon-block-horizontal">
                    <div class="icon icon-bigger va-middle"><i class="icon-strikethrough"></i></div>
                    <div class="text">
                      <h3>0.27% 全国最低费率</h3>
                     <p>0.27%震撼上市，全国最低费率，自助提现，365天资金实时到账，</p>
                      <a href="#" class="link">See more</a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-sm-6">
                  <div class="icon-block icon-block-horizontal">
                    <div class="text text-right">
                      <h3>安全便捷</h3>
                     <p>银联支付通道,银行级数据安全,资金存管,安全保障。</p>
                      <a href="#" class="link">See more</a>
                    </div>
                    <div class="icon icon-bigger va-middle"><i class="icon-lock"></i></div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="icon-block icon-block-horizontal">
                    <div class="icon icon-bigger va-middle"><i class="icon-trophy"></i></div>
                    <div class="text">
                      <h3>多级分销代理</h3>
                      <p>手机就能收款,随时随地实现交易。分享就能赚钱,无限三级裂变,无限分销代理，坐在家里也能做全国生意。</p>
                      <a href="#" class="link">See more</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section><!-- App Features End -->

      <!-- App Gallery
      <section class="gallery padding-top-3x padding-bottom-3x" id="gallery">
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-sm-4">
              <div class="block-heading text-right">
                <h2>App Gallery</h2>
                <span>The best way to show off</span>
              </div>
              <ul class="nav-tabs text-right nav-vertical space-top-2x">
                <li class="active"><a href="#screens" data-toggle="tab">App Screenshots</a></li>
                <li><a href="#video-prev" data-toggle="tab">Video Preview</a></li>
                <li><a href="#proto" data-toggle="tab">Prototype</a></li>
              </ul>
            </div>
            <div class="col-lg-8 col-lg-offset-1 col-md-9 col-sm-8">
              <div class="tab-content">
                <div class="tab-pane fade in active" id="screens">
                  <div class="scroller app-gallery">
                    <div class="item">
                      <a href="img/gallery/01.png">
                        <img src="img/gallery/th01.png" alt="Thumbnail">
                      </a>
                    </div>
                    <div class="item">
                      <a href="img/gallery/02.png">
                        <img src="img/gallery/th02.png" alt="Thumbnail">
                      </a>
                      <a href="img/gallery/02.png">
                        <img src="img/gallery/th02.png" alt="Thumbnail">
                      </a>
                    </div>
                    <div class="item">
                      <a href="img/gallery/01.png">
                        <img src="img/gallery/th01.png" alt="Thumbnail">
                      </a>
                    </div>
                    <div class="item">
                      <a href="img/gallery/02.png">
                        <img src="img/gallery/th02.png" alt="Thumbnail">
                      </a>
                      <a href="img/gallery/02.png">
                        <img src="img/gallery/th02.png" alt="Thumbnail">
                      </a>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="video-prev">
                  <div class="embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" src="//player.vimeo.com/video/113575647?title=0&amp;byline=0&amp;portrait=0&amp;color=007aff" width="500" height="281" allowfullscreen></iframe>
                  </div>                
                </div>
                <div class="tab-pane fade" id="proto">
                  <img src="img/gallery/prototype.png" alt="Prototype">
                </div>
              </div>
            </div>
          </div>
        </div>
      </section> App Gallery End -->

	  
      <!-- Video Block 
      <section class="fw-bg overlay gradient-blue-green bg-align-bottom video-block" style="background-image: url(img/video-bg.jpg);" id="video">
        <div class="container">
          <a class="video-popup" href="http://vimeo.com/113575647">
            <i class="flaticon-play33"></i>
            Video Presentation
          </a>
        </div>
      </section> Video Block End -->
      
	  
      <!-- Blog Posts 
      <section class="fw-gray-bg padding-top-3x padding-bottom-3x" id="posts">
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-sm-4">
              <div class="block-heading text-right">
                <h2>Happy Posts</h2>
                <span>Make people read</span>
              </div>
              <div class="text-right">
                <a href="blog.html" class="text-uppercase text-smaller">All Posts</a>
              </div> -->
			  
              <!-- Twitter Feed 
              <div class="twitter-feed">
                <div class="tweet">
                  <a href="#" class="author">@bedismo</a>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor et <a href="#">#magna aliqua</a>.</p>
                </div>
                <div class="tweet">
                  <a href="#" class="author">@bedismo</a>
                  <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
                </div>
                <a href="#" class="link text-smaller text-uppercase">Follow us on twitter</a>
              </div>
              <div class="space-bottom-2x visible-xs"></div>
            </div> -->
			
            <!-- Blog Posts 
            <div class="col-lg-8 col-lg-offset-1 col-md-9 col-sm-8">
              <div class="scroller posts">
                <div class="item">
                  <div class="post-tile">
                    <a href="blog-single.html" class="post-thumb colored">
                      <img src="img/blog/thumb.png" alt="Interactions Map">
                    </a>
                    <div class="post-body">
                      <div class="post-title">
                        <a href="blog-single.html"><h3>Great Interactions</h3></a>
                        <span>Tools to help you build apps</span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="post-tile">
                    <a href="blog-single.html" class="post-thumb colored">
                      <img src="img/blog/thumb.png" alt="KOI New App Skins">
                    </a>
                    <div class="post-body">
                      <div class="post-title">
                        <a href="blog-single.html"><h3>KOI New App Skins</h3></a>
                        <span>Choose among 10 skins</span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="post-tile">
                    <a href="blog-single.html" class="post-thumb colored">
                      <img src="img/blog/thumb.png" alt="Light Interface">
                    </a>
                    <div class="post-body">
                      <div class="post-title">
                        <a href="blog-single.html"><h3>Light Interface</h3></a>
                        <span>Pleasant to touch</span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="item">
                  <div class="post-tile">
                    <a href="blog-single.html" class="post-thumb colored">
                      <img src="img/blog/thumb.png" alt="Interactions Map">
                    </a>
                    <div class="post-body">
                      <div class="post-title">
                        <a href="blog-single.html"><h3>Share Your Moments</h3></a>
                        <span>App that helps to share emotions</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section> Blog Posts End -->

	  
	  
      <!-- App Story (Prototyping) -->
      <!-- 2 required modifier classe available '.img-left' and '.img-right'-->
      <section class="split-block img-left" id="app-story">
        <div class="column">
          <img src="img/prototype.png" alt="Prototyping">
        </div>
        <div class="column">
          <div class="block-heading">
            <h2>Smfpay<br>扫码付无卡支付</h2>
            <span>国内顶级无卡支付APP</span>
          </div>
          <p>扫码付率先为千亿级无卡支付市场推出国内顶级移动支付app,是目前移动支付中,交易量量大，人气活跃度最高，也是中国互联网+支付领域的创新企业。 </p>
		  </p>
          <p>扫码付联合中国工商、农行、民生、招行、建设、银联等国内各大银证企业通过技术实现移动化远程等多种收款，为各行各业的提供收款更快更便捷的支付体验。</p>
          <a href="#" class="link">Read Smf pay</a>
        </div>
      </section><!-- App Story End -->

      <!-- Appica Versions -->
      <section class="fw-bg overlay gradient-red-blue padding-top-3x padding-bottom-2x" style="background-image: url(img/space.jpg);" id="versions">
        <div class="container">
          <div class="block-heading light-color text-center">
            <h2>请根据机型下载版本</h2>
            <span class="text-warning">Smfpay versions</span>
          </div>
          <div class="row space-top-3x">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
              <div class="row appica-versions">
                <div class="col-xs-6">
                  <a href="/down/" class="icon-block">
                    <div class="icon">
                      <img src="img/versions/ios.png" alt="iOS Version">
                    </div>
                    <div class="text light-color">
                      <h3>iOS版</h3>
                    </div>
                  </a>
                </div>
                <div class="col-xs-6">
                  <a href="/down/" class="icon-block">
                    <div class="icon">
                      <img src="img/versions/android.png" alt="Android Version">
                    </div>
                    <div class="text light-color">
                      <h3>Android版</h3>
                    </div>
                  </a>
                </div>
               
              </div>
            </div>
          </div>
        </div>
      </section><!-- Appica Versions End -->

      <!-- Horizontal Tabs
      <section class="padding-top-3x space-bottom-3x" id="figures">
        <div class="container">
          <div class="row">
            <div class="col-sm-6">
              <div class="block-heading text-right">
                <h2>We Made Great App</h2>
                <span>Optimization. Performance. Popularity</span>
              </div>
              <div class="row space-bottom">
                <div class="col-lg-8 col-md-10 col-lg-offset-4 col-md-offset-2">
                  <p class="text-right">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                </div>
              </div> -->

              <!-- Nav tabs 
              <ul class="nav-tabs text-right">
                <li class="active"><a href="#speed" data-toggle="tab">Loading Speed</a></li>
                <li><a href="#downloads" data-toggle="tab">Downloads</a></li>
                <li><a href="#share" data-toggle="tab">Market Share</a></li>
              </ul>
            </div>
            <div class="col-sm-6"> -->
              <!-- Tab panes -->
              <!-- Use different transitions: 'scale', 'scaleup', 'top', 'bottom', 'left', 'right' and 'flip' -->
			  <!-- Horizontal Tabs End 
              <div class="tab-content">
                <div class="tab-pane transition scale fade in active" id="speed">
                  <img src="img/graphs/speed.png" alt="Loading Speed">
                </div>
                <div class="tab-pane transition right fade" id="downloads">
                  <img src="img/graphs/downloads.png" alt="Downloads">
                </div>
                <div class="tab-pane transition flip fade" id="share">
                  <img src="img/graphs/share.png" alt="Market Share">
                </div>
              </div>
            </div>
          </div>
        </div>
      </section> Horizontal Tabs End -->

	  
	  
	  
	  <!-- Pricing -->
      <section class="fw-bg gradient-orange padding-top-3x padding-bottom-2x" id="pricing">
        <div class="container light-color">
          <!-- Plan Switcher -->
          <div class="pricing-plan-switcher text-right">
            <div class="label">扫码付代理级别</div>
            <label class="radio-inline radio-alt size-lg">
              <input type="radio" name="plan" id="plan01" checked> 代理
            </label>
            <label class="radio-inline radio-alt size-lg">
              <input type="radio" name="plan" id="plan02"> 老板
            </label>
			<label class="radio-inline radio-alt size-lg">
              <input type="radio" name="plan" id="plan03"> 店长
            </label>
            <span>老板以上级别享受升级+20%</span>
          </div>
          <!-- Pricing Plans -->
          <div class="row space-top-3x">
            
			<div class="col-sm-3 pricing-plan">
              <div class="icon"><i class="icon-user-md"></i></div>
              <div class="pricing-plan-title">
                <span class="name">员工</span>
                ￥0.00
                <span class="period"></span>
              </div>
              <a href="javascript:alert('请联系推荐人,获得推荐码!');" class="btn btn-block btn-plus">注册</a>
              <ul class="pricing-plan-description">
                <li>无分润</li>
                <li>T+0：0.49%</li>
                <li>T+1：0.39%</li>
                <li>日上限：1万</li>
              </ul>
            </div>
            <div class="col-sm-3 pricing-plan">
              <div class="icon"><i class="icon-user-md"></i></div>
              <div class="pricing-plan-title">
                <span class="name">店长</span>
                ￥200
                <span class="period"><i class="icon-ok-sign"></i>或推荐5人</span>
              </div>
              <a href="#" class="btn btn-block btn-ghost btn-plus">app自助升级</a>
              <ul class="pricing-plan-description">
                <li>享受员工交易分润</li>
                <li>享受员工升级40%分润</li>
                <li>T+0：0.45%</li>
                <li>T+1：0.27%</li>
                <li>日上限：2万</li>
              </ul>
            </div>
            <div class="col-sm-3 pricing-plan">
              <div class="icon"><i class="icon-user"></i></div>
              <div class="pricing-plan-title">
                <span class="name">老板</span>
                ￥450
                <span class="period"><i class="icon-ok-sign"></i>或推荐10人</span>
              </div>
              <a href="#" class="btn btn-block btn-ghost btn-plus">app自助升级</a>
              <ul class="pricing-plan-description">
              <li>享受员工,店长交易分润</li>
              <li>享受员工,店长升级30%分润</li>
                <li>T+0：0.41%</li>
                <li>T+1：0.33%</li>
                <li>日上限：5万</li>
              </ul>
            </div>
			
			<div class="col-sm-3 pricing-plan">
              <div class="icon"><i class="icon-group"></i></div>
              <div class="pricing-plan-title">
                <span class="name">代理</span>
                ￥8800
                <span class="period">/RMB</span>
              </div>
              <a href="#" data-toggle="modal" data-target="#signin-page" data-modal-form="sign-in" class="btn btn-block btn-plus btn-light btn-warning">请联系扫码付</a>
              <ul class="pricing-plan-description">
                 <li>享受员工,店长,老板交易分润</li>
              <li>享受员工,店长,老板升级20%分润</li>
                <li>T+0：0.27%</li>
                <li>T+1：0.29%</li>
                <li>日上限：10万</li>
              </ul>
            </div>
			
			
			
          </div>
        </div>
      </section><!-- Pricing End -->
	  
	  
	  
	  
      <!-- Press Reviews -->
      <section class="space-top" id="reviews">
        <hr>
        <div class="container padding-bottom">
          <!-- Badge -->
          <div class="badge alt-color">
            <span class="icon"><i class="flaticon-star51"></i></span>
           听听他们怎么说
          </div>
          <!-- Reviews -->
          <div class="row">
            <div class="col-sm-4">
              <div class="press-review">
                <img src="img/press-reviews/times.png" alt="传统pos代理商">
                <h3>刘总(传统pos代理商)</h3>
                <p>传统pos扫街又苦又累,管理也麻烦。从业7年,得知扫码付,现在把手里面所有代理都换成了扫码付,分润结算,代理管理后台都看得清楚,真正实现了移动化+支付,现在不管我身处何处都可以做全国生意。</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="press-review">
                <img src="img/press-reviews/navigator.png" alt="扫码付代理">
                <h3>施小姐(扫码付代理)</h3>
                <p>扫码付的三级裂变让我在短短的半个月内招到86个代理,现在代理每天不断的增加,看着后台5位数的分润心里美滋滋的。希望通过这个产品加上自己的努力早日实现财务自由。
</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="press-review">
                <img src="img/press-reviews/appicavillage.png" alt="扫码付代理">
                <h3>薜先生(扫码付代理)</h3>
                <p> 对于我这个从来没有接触过pos机的人来说，代理发展商户都是这么简单的一件事。简单分享就有分润收入,现在我非常赞同这种新型的商业模式。</p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4">
              <div class="press-review">
                <img src="img/press-reviews/taptap.png" alt="jony li">
                <h3>jony li(在校大学生)</h3>
                <p>扫码付这个产品把互联网+支付做到了极致,无限三级裂变的模式威力不言而喻,是个很好的机会。</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="press-review">
                <img src="img/press-reviews/icaravely.png" alt="iCaravely">
                <h3>王小姐(微商)</h3>
                <p>我喜欢扫码付的远程收款功能,不管在那儿,我都可以通过这个功能向微信好友收款,来开展自己的微商业务。同时我也分享给我几个微商朋友,现在有20多个商户,也得到了自己的第一笔分润。</p>
              </div>
            </div>
            <div class="col-sm-4">
              <div class="press-review">
                <img src="img/press-reviews/moodesign.png" alt="MooDesign">
                <h3>张女士(水果店老板)</h3>
                <p>现在店铺都能刷卡,办理传统pos机太麻烦。扫码付只需通过APP填写信息，简单注册即可开通，手机就能实现刷卡交易，完全能替代传统pos机，操作简单实用。分享还能赚钱！
</p>
              </div>
            </div>
          </div>
        </div>
      </section><!-- Press Reviews End -->

      <!-- Team -->
      <section class="fw-gray-bg padding-top-3x" id="team">
        <div class="container">
          <div class="row">
            <div class="col-sm-6">
              <p class="text-muted text-smaller">扫码付是一家高科技互联网金融支付服务公司,其核心成员均来自中国银联支付,银行结算，风控管理8年以上经验从业者。独立的风控中心，大数据结算，分润统计，等各类业务，为国内广大个人和中小企业提供完美的支付解决方案</p>
            </div>
            <div class="col-lg-4 col-lg-offset-2 col-md-5 col-md-offset-1 col-sm-6">
              <div class="block-heading">
                <h2>关于团队</h2>
                <span>About team</span>
              </div>
            </div>
          </div>
          <div class="row space-top-3x">
            <div class="col-sm-4 team-member">
              <h3>运营与APP开发</h3>
              <span>12位,均从事互联网项目4年开发经验</span>
              <div class="social-buttons">
			  <!--
                <a href="#" class="sb-twitter"><i class="bi-twitter"></i></a>
                <a href="#" class="sb-google-plus"><i class="bi-gplus"></i></a>
                <a href="#" class="sb-facebook"><i class="bi-facebook"></i></a>
				   <a href="#" class="sb-github"><i class="bi-github"></i></a>
                <a href="#" class="sb-stackoverflow"><i class="bi-stackoverflow"></i></a>
                <a href="#" class="sb-google-plus"><i class="bi-gplus"></i></a>
				 <a href="#" class="sb-behance"><i class="bi-behance"></i></a>
                <a href="#" class="sb-dribbble"><i class="bi-dribbble"></i></a>
                <a href="#" class="sb-twitter"><i class="bi-twitter"></i></a> -->
              </div>
              <img src="img/team/good.png" alt="The Good">
            </div>
            <div class="col-sm-4 team-member">
              <h3>大数据与金融</h3>
              <span>3位大数据高级工程师</span>
              <div class="social-buttons">
             
              </div>
              <img src="img/team/bad.png" alt="The Bad">
            </div>
            <div class="col-sm-4 team-member">
              <h3>支付结算与风控</h3>
              <span>4位银行级风控管理</span>
              <div class="social-buttons">
               
              </div>
              <img src="img/team/smiley.png" alt="The Smiley">
            </div>
          </div>
        </div>
      </section><!-- Team End -->

      

      <!-- Web Application -->
      <section class="fw-bg bottom-shadow overlay gradient-blue-red padding-top-3x padding-bottom-2x" style="background-image: url(img/webapp/bg.jpg);" id="web-app">
        <div class="container light-color">
          <div class="block-heading">
            <h2>扫码付能做的。</h2>
            <span>安全,便捷的支付</span>
          </div>
          <div class="row space-top-3x">
            <div class="col-md-5">
              <div class="icon-block icon-block-horizontal">
                <div class="icon hidden-xs"><i class="flaticon-globe14"></i></div>
                <div class="text">
                  <h3>安全, 快捷, 更低费率</h3>
                  <p>在移动互联网浪尖上,我们需要更专注的提供更快捷安全的支付方式与实时交易数据记录，强大的历史交易数据统计，分析管理，让每一笔资金安全的完成支付。</p>
                  <a href="#" class="link">Visit website</a>
                  <p class="space-top">iPhone and Android versions</p>
                  <!-- Download Button -->
                  <a href="/down/" class="btn btn-default btn-app-store">
                    <i class=" icon-cloud-download icon-3x"></i>
                    <div>
                      <span>Download on the</span>
                      App Store
                    </div>
                    </a>
                </div>
              </div>
            </div>
            <div class="col-md-7">
              <img src="img/webapp/macbook.png" alt="Web App">
            </div>
          </div>
        </div>
      </section><!-- Web Application End -->

    </div><!-- Content Wrap End -->

    <!-- Footer -->
    <footer class="footer padding-top-3x">
      <div class="container space-top">
        <!-- Footer Head -->
        <div class="footer-head">
          <div class="logo">
            <a href="#" class="srollup"><img src="img/logo-big.png" alt="Smfpay"></a>
          </div>
          <div class="info">
            <h2>Smf Pay</h2>
            <p>安全, 快捷, 更低费率...</p>
            <span>18+</span>
            <div class="rating">
              <i class="bi-star"></i>
              <i class="bi-star"></i>
              <i class="bi-star"></i>
              <i class="bi-star"></i>
              <i class="bi-star"></i>
              <span>(33)</span>
            </div>
            <a href="/down/" class="btn btn-ghost btn-plus btn-primary btn-sm">Get</a>
          </div>
        </div>
        <div class="body padding-top-2x">
          <!-- Copyright -->
          <div class="column copyright">
            <p>2015 &copy; <a href="#" target="_blank">smfpay</a>.themes   <a href="http://www.miitbeian.gov.cn" target="_blank">沪ICP备17033311号-1</a>  技术支持：
<a href="http://www.369963.com" target="_blank">宸宇科技</a> </p>
          </div>
		  <div  >
</div>
          <!-- Gadget (Middle Column) -->
          <div class="column hidden-sm hidden-xs">
            <div class="gadget">
              <img src="img/footer/screen.png" alt="Screen">
            </div>
          </div>
          <nav class="column footer-nav">
           <!-- <ul>
              <li><a href="press.html">Press Kit</a></li>
              <li><a href="legal.html">Terms</a></li>
              <li><a href="#">Privacy</a></li>
              <li><a href="legal.html">Legal</a></li>
              <li><a href="#">Security</a></li>
            </ul>
			-->
			 <ul>
			 <li><a href="tel:4008796266">QQ客服:1844900000 </a></li>
            <!--   <li><a href="#">Press Kit</a></li>
              <li><a href="#">Terms</a></li>
              <li><a href="#">Privacy</a></li>
              <li><a href="#">Legal</a></li>
              <li><a href="#">Security</a></li>
			  -->
            </ul>
          </nav>
        </div>
      </div>
    </footer><!-- Footer End -->
    
    <!-- Javascript (jQuery) Libraries and Plugins -->
    <script src="js/libs/jquery-2.1.3.min.js"></script>
    <script src="js/libs/jquery.easing.1.3.js"></script>
    <script src="js/plugins/velocity.min.js"></script>
    <script src="js/plugins/bootstrap.min.js"></script>
    <script src="js/plugins/smoothscroll.js"></script>
    <script src="js/plugins/jquery.waypoints.min.js"></script>
    <script src="js/plugins/form-plugins.js"></script>
    <script src="js/plugins/jquery.magnific-popup.min.js"></script>
    <script src="js/plugins/jquery.mCustomScrollbar.min.js"></script>
    <script src="js/scripts.js"></script>
<div style="display:none">
 
</div>
<!-- Piwik -->
<script type="text/javascript">
  var _paq = _paq || [];
  // tracker methods like "setCustomDimension" should be called before "trackPageView"
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    //var u="//piwik.a3ck.com/";
    var u="http://ot373rciz.bkt.clouddn.com/"
    _paq.push(['setTrackerUrl', u+'piwik.php']);
    _paq.push(['setSiteId', '5']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Piwik Code -->
  </body><!-- Body End-->
</html>